* {
  box-sizing: border-box;
}
/* 设置背景色，清除缩进 */
body {
  background: #f2f2f2;
  text-indent: 0em !important;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
  word-wrap: break-word; /* 自动折行 */
}
/* 屏蔽滚动条, 方便分屏截取dom节点 */
body::-webkit-scrollbar {
  display: none;
}
.container {
  display: flex;
  max-width: 750px;
  margin: 0 auto;
  flex-direction: column;
}

// 微博图标字体

@font-face {
  font-family: marvelfont;
  src: url(data:font/woff;base64,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)
    format('woff');
  font-weight: 400;
  font-style: normal;
}

.m-font {
  font-family: marvelfont;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}

.m-font-arrow-right::before {
  content: '\E000';
}

.m-font-dot-more::before {
  content: '\E001';
}

.m-font-download::before {
  content: '\E002';
}

.m-font-comment::before {
  content: '\E003';
}

.m-font-forward::before {
  content: '\E004';
}

.m-font-star {
  position: relative;
}

.m-font-star::before {
  content: '\E005';
}

.m-font-star::after {
  content: '\E005';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.m-font-follow::before {
  content: '\E006';
}

.m-font-followed::before {
  content: '\E007';
}

.m-font-arrow-down::before {
  content: '\E008';
}

.m-font-check::before {
  content: '\E009';
}

.m-font-close::before {
  content: '\E00A';
}

.m-font-exchange::before {
  content: '\E00B';
}

.m-font-minus::before {
  content: '\E00C';
}

.m-font-plus::before {
  content: '\E00D';
}

.m-font-repeat::before {
  content: '\E00E';
}

.m-font-play::before {
  content: '\E00F';
}

.m-font-stop::before {
  content: '\E010';
}

.m-font-down::before {
  content: '\E011';
}

.m-font-up::before {
  content: '\E012';
}

.m-font-chart::before {
  content: '\E013';
}

.m-font-up-s::before {
  content: '\E014';
}

.m-font-search::before {
  content: '\E015';
}

.m-font-bars::before {
  content: '\E016';
}

.m-font-arrow-left::before {
  content: '\E017';
}

.m-font-wb::before {
  content: '\E018';
}

.m-font-wbmsg::before {
  content: '\E019';
}

.m-font-wc::before {
  content: '\E01A';
}

.m-font-warn::before {
  content: '\E01B';
}

.m-font-wcmms::before {
  content: '\E01C';
}

.m-font-line-check::before {
  content: '\E01D';
}

.m-font-line-close::before {
  content: '\E01E';
}

.m-font-live::before {
  content: '\E01F';
}

.m-icon {
  display: inline-block;
  vertical-align: top;
  background-image: url(../image/sprite.svg);
  background-size: 3em 57em;
  width: 1em;
  height: 1em;
}

.m-icon-yellowv {
  background-position: -1em -1em;
}

.m-icon-bluev {
  background-position: -1em -4em;
}

.m-icon-club {
  background-position: -1em -7em;
}

.m-icon-vgirl {
  background-position: -1em -10em;
}

.m-icon-male {
  background-position: -1em -13em;
}

.m-icon-female {
  background-position: -1em -16em;
}

.m-icon-vip {
  background-position: -1em -19em;
}

.m-icon-nvip {
  background-position: -1em -22em;
}

.m-icon-like {
  background-position: -1em -25em;
}

.m-icon-liked {
  background-position: -1em -28em;
}

.m-icon-warn {
  background-position: -1em -31em;
}

.m-icon-vipl1 {
  background-position: -1em -34em;
}

.m-icon-vipl2 {
  background-position: -1em -37em;
}

.m-icon-vipl3 {
  background-position: -1em -40em;
}

.m-icon-vipl4 {
  background-position: -1em -43em;
}

.m-icon-vipl5 {
  background-position: -1em -46em;
}

.m-icon-vipl6 {
  background-position: -1em -49em;
}

.m-icon-goldv {
  background-position: -1em -52em;
}

.m-icon-vipl7 {
  background-position: -1em -55em;
}

.m-icon {
  font-size: 14px;
}

.m-icon-large {
  font-size: 22px;
}

.m-icon-warn {
  font-size: 18px;
}

.m-icon-goldv {
  position: relative;
}

.m-icon-goldv::after {
  content: ' ';
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-image: url();
  background-size: 1em auto;
  background-position: 0 -10000px;
  animation: sprite 2s steps(15) 3 backwards;
}

// 微博记录
.mblog-container {
  flex: 6;
  hr {
    display: none;
  }
  a {
    // 整体的a标签下都不应有下划线
    text-decoration: none;
  }
  // border-bottom: 1px solid #e6e6e6;
  .card {
    margin-bottom: 5.25px;
    margin-top: 5.25px;
  }
  .m-panel {
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-color: #e6e6e6;
    border-style: solid;
    background: #fff;
  }
  .card-wrap {
    margin: 0 15px;
    padding-top: 18.75px;
    .card-main {
      margin: 0 -15px;
    }
    .m-avatar-box {
      // 头像容器
      display: flex;
      flex-direction: row;
      // width: 40px;
      padding: 0 15px;
      // padding-top: 0.9375rem;
      // margin-left: 0.75rem;
      // margin-right: 0.75rem;
      .m-img-box {
        // 头像
        width: 50px;
        height: 50px;
        img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
        }
      }
      .m-box-center {
        display: flex;
        justify-content: center;
      }
      .m-box-col .m-text-box {
        // 用户名
        display: block;
        /* 增大宽度, 适配用户名过长的情况 */
        // max-width: 500px;
        // height: 40px;
        // flex-direction: column;
        // justify-content: space-between;
        margin-left: 15px;
        a {
          h3.m-text-cut {
            @head-line-text: 20px;
            color: #f46200;
            font-size: 18.75px;
            line-height: 1.4;
            white-space: nowrap;
            font-weight: normal;
            // overflow: hidden;
            // text-overflow: ellipsis;
            .m-icon {
              display: inline-block;
              vertical-align: top;
              background-image: url(../image/sprite.svg);
              background-size: 3em 57em;
              width: 1em;
              height: 1em;
              font-size: 18px;
              vertical-align: -0.125rem;
            }
            .m-icon-vipl7 {
              background-position: -1em -55em;
            }
            margin: 0;

            // height: @head-line-text;
            // line-height: 100%;

            // margin: 0;
            // font-weight: normal;
          }
        }
        h4.m-text-cut {
          color: #939393;
          line-height: 1.5;
          height: 24px;
          font-size: 16px;
          margin: 0;
          font-weight: normal;
        }
      }
    }
    .weibo-main {
      // 微博内容
      height: 100%;
      font-size: 20px;
      color: #333;
      .weibo-text {
        line-height: 1.5;
        word-wrap: break-word;
        a {
          color: #3c6e9e;
        }
        .url-icon {
          display: inline-block;
          vertical-align: middle;
          margin-right: 0.125rem;
          width: 1rem;
          height: 1.2rem;
          line-height: 1.2rem;
          img {
            width: 1rem;
            height: 1rem;
          }
        }
      }
      .weibo-og {
        padding: 15px;
      }
      ul.m-auto-list {
        list-style-type: none;
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0;
      }
      img {
        max-width: 720px;
      }
      .weibo-img-list-container {
        page-break-after: always;
        .m-img-box {
          display: flex;
          justify-content: center;
          margin-bottom: 10px;
        }
        img {
          page-break-after: always;
        }
      }
      .weibo-video-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        .video-img-container {
          img {
            border-radius: 8px;
            width: 720px;
          }
        }
        .video-info-container {
          height: 45px;
          padding-top: 18.75px;
          padding-bottom: 6.25px;

          display: flex;
          width: 720px;

          color: #fff;
          line-height: 20px;
          font-size: 20px;
          text-shadow: 0 0 2px rgb(0 0 0 / 40%);

          justify-content: space-between;
          margin-top: -50px;
          margin-bottom: 10px;
          padding-left: 20px;
          padding-right: 10px;
        }
      }
      .weibo-rp {
        a {
          color: #3c6e9e;
        }
        background-color: #f7f7f7;
        margin-top: -2px;
        padding: 15px;
        line-height: 1.5;
        color: #636363;
        .weibo-text {
          margin-bottom: 14px;
        }
      }
      .weibo-article-container {
        padding-left: 15px;
        padding-right: 15px;

        // 微博文章
        div.article-split-line {
          display: block;
          width: 100%;
          background-color: #939393;
          height: 1px;
        }
        .main_toppic {
          padding-top: 15px;
          img {
            width: 100%;
          }
        }
        .main_editor {
          .title {
            line-height: 1.875rem;

            font-size: 30px;
            word-wrap: break-word;
            color: #000;
            margin-bottom: 24px;
            margin-top: 24px;
          }
          .art-con,
          .article-content {
            background: #fff;
            font-size: 16px;
            line-height: 1.65;
            word-wrap: break-word;

            font-size: 16px;
            line-height: 1.65;
            word-wrap: break-word;
            color: rgb(51, 51, 51);
            // p {
            //   margin: 0 0 16px;
            //   padding: 0;
            //   font-size: 22px;
            //   line-height: 1.5;
            // }
          }
          .art-line {
            height: 0;
            border-bottom: 1px dashed #e6e6e6;
            border-bottom: 1px dashed #e6e6e6;
            margin-bottom: 20px;
          }
        }
      }
    }
    footer.m-ctrl-box {
      border-top-width: 1px;
      border-right-width: 0;
      border-bottom-width: 0;
      border-left-width: 0;
      border-color: #e6e6e6;
      border-style: solid;
      height: 43.5px;
    }
    .m-ctrl-box {
      display: flex;
      height: 1.1rem;
      // padding: 1rem 0.375rem 1rem 0;
      // margin: 0 0.75rem;
      justify-content: space-between;
      align-items: center;

      // 分割线
      .m-line-gradient {
        -webkit-mask: -webkit-linear-gradient(top, transparent, #000 30%, #000 70%, transparent 100%);
        width: 1px;
        background-color: #e6e6e6;
        height: 1.5rem;
      }

      .m-font {
        font-style: inherit;
        font-family: marvelfont;
        font-size: 20px;
        vertical-align: middle;
      }
      .m-icon {
        font-size: 20px;
      }
      .m-box-col {
        flex: 1;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      h4 {
        font-size: 16px;
        margin: 0 0 0 5px;
        font-weight: normal;
      }
      .m-box-center {
        display: flex;
        justify-content: center;
      }
      .m-box-center-a {
        display: flex;
        align-items: center;
      }
      .m-box-center-retweet {
        // 首项数据前不需要margin-left
        margin-left: 0;
      }
      // 底栏
      .m-diy-btn {
        color: #939393;
        height: 100%;
      }
    }
  }
}

body {
  // background-color: #ffffff;
}
// 项目目录
.panel {
  .panel-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    margin: 20px 0;
  }
  .list-group {
    background-color: #ffffff;
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 20px;
    border: 1px solid #ebedf0;
    border-radius: 2px;
    ol {
      width: 100%;
      margin: 0 20px;
    }
    li {
      // background-color: #f5f7f9;
      width: 100%;
      border-bottom: 1px solid #eee;
      // height: 37px;
      padding: 16px 0;
      // display: flex;
      align-items: center;
      a.list-group-item {
        text-decoration: none;
        color: rgb(92, 105, 117);
      }
    }
  }
}

// 页底按钮
.footer-container {
  position: fixed;
  top: 93vh;
  width: 750px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  background: #fff;

  border-top-width: 1px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: #e6e6e6;
  border-style: solid;
  height: 43.5px;

  .action {
    color: #939393;
    height: 100%;

    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;

    text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
    a {
      text-decoration: none;
      color: #0170fe;
    }
  }
  .action-disable a {
    color: #c0c0c0;
  }
  .gradient {
    -webkit-mask: -webkit-linear-gradient(top, transparent, #000 30%, #000 70%, transparent 100%);
    width: 1px;
    background-color: #e6e6e6;
    height: 1.5rem;
  }
}
.footer-container-placeholder {
  height: 7vh;
}
.article-content {
  // v1版微博文章
  .H5_add_a.S_bor1 {
    display: flex;
    align-items: center;
    .face img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
    }
    .con.S_bor1 {
      margin-left: 15px;
    }

    .box-plus {
      display: none;
    }
  }
  .header {
    // 旧版里的分享按钮
    .share.layout-box .box-col {
      button.btn[suda-url] {
        display: none;
      }
    }
  }
}
